<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
	<title>Nifty Modal Window Effects</title>
	<link rel="shortcut icon" href="../favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/niftymodal.css" />
</head>
<body>

<div class="md-trigger" data-modal="modal-lottery">弹出演示1</div>

<div class="md-modal md-effect-1" id="modal-lottery">
	<div class="md-box">
		<div class="md-title">Modal Dialog</div>
		<span class="md-setwin"><a class="md-ico md-close1 md-close" href="javascript:;"></a></span>
		<div class="md-content">
			<p>This is a modal window. You can do the following things with it:</p>
			<ul>
				<li><strong>Read:</strong> modal windows will probably tell you something important so don't forget to read what they say.</li>
				<li><strong>Look:</strong> a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.</li>
				<li><strong>Close:</strong> click on the button below to close the modal.</li>
			</ul>
			<a href="javascript:;" class="J_closeBtn">关闭按钮</a>
			<button type="button" class="J_closeBtn">关闭按钮</button>
		</div>
	</div>
</div>

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script src="js/modalEffects.jquery.js"></script>
</body>
</html>